<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<title>mmkit: Samples &raquo; Units &raquo; Set 1</title>
	<meta name="description" content="mmkit css library units sample page" />
	<meta name="keywords" content="mmkit layouts" />
	<meta name="robots" content="all" />
	<meta http-equiv="imagetoolbar" content="no" />

	<!-- Framework CSS -->
	<link rel="stylesheet" href="../../mmkit/base/screen.css" type="text/css" media="all" />
	<link rel="stylesheet" href="../../mmkit/base/print.css" type="text/css" media="print" />
	<!--[if IE]><link rel="stylesheet" href="../../mmkit/base/ie.css" type="text/css" media="all" /><![endif]-->
	<link rel="stylesheet" href="../../mmkit/forms/screen.css" type="text/css" media="all" />
	<link rel="stylesheet" href="../../mmkit/layouts/3column-contentcenter-leftnav/screen.css" type="text/css" media="all" />
	<link rel="stylesheet" href="../../mmkit/units/set-1/screen.css" type="text/css" media="all" />
	
	<style type="text/css">body { color: #444; } h1,h2,h3,h4,h5,h6 { color: #222; } </style>
</head>
<body class="section-unknown template-unknown page-unknown">
	<div id="container">

		<p id="skip-links"><a href="#primary-content" title="Skip To Content">Skip To Content</a> <a href="#primary-navigation" title="Skip To Primary Navigation">Skip To Primary Navigation</a></p>

		<!-- Site header -->
		<div id="header">
			
			<div id="unit-logo" class="unit">
				<p class="logo"><a href="/" title="Return to Homepage"><span>Sitename</span></a></p>
			</div><!-- /#unit-logo -->

		</div>

		<!-- Main content -->
		<div id="page-content">

			<!-- Main content -->
			<div id="primary-content">

				<div id="unit-content" class="unit">
					<h1>Page Title</h1>

					<p>Lorem <strong>ipsum dolor</strong> sit amet, consectetur <em>adipiscing</em> elit. Sed at lorem sit amet mi ullamcorper consequat non vitae magna. Curabitur justo nisi, sagittis eget iaculis ut, fermentum vel purus. Aliquam quis dolor libero, id accumsan est. Ut et sem et arcu sagittis consectetur ut sit amet mi. Aliquam vel orci tortor. Curabitur eget ante ac nunc pretium imperdiet a pulvinar velit. Proin cursus suscipit blandit. Integer euismod urna ac quam consequat varius. Nunc ac nulla est, eget ornare dolor. Vestibulum sit amet massa sit amet elit ullamcorper vehicula non at est. Morbi metus velit, vestibulum sit amet tincidunt quis, sodales id dolor.</p>
					<blockquote>
					<p>Proin adipiscing dictum risus eu eleifend. Cras nunc justo, blandit ut laoreet ultricies, tempus sed massa. Suspendisse at condimentum ligula. Vestibulum quis bibendum erat. Sed sit amet ante sed dolor elementum molestie. Suspendisse potenti. Morbi pellentesque lacinia venenatis. Morbi eu felis libero. Integer a eleifend nisi. Etiam commodo eros vitae justo ullamcorper et commodo nisl venenatis. Praesent ac diam ut enim gravida tincidunt. Sed vulputate pretium adipiscing. Curabitur sed turpis vel urna malesuada vulputate id at mi.</p>
					</blockquote>
					<p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam pulvinar ligula vitae metus laoreet pellentesque. Proin magna tellus, condimentum in tincidunt non, tincidunt quis libero. Nam porta suscipit est a accumsan. Vivamus semper facilisis augue sed hendrerit. Quisque sagittis aliquet risus, et pharetra velit tincidunt luctus. Suspendisse a fringilla nibh. Vivamus elit felis, ultrices at lobortis vel, vestibulum in elit. Morbi felis massa, egestas at suscipit sed, dignissim id diam. Sed tellus ante, ultrices a venenatis mattis, tempor vitae nunc. In in risus tortor, a tincidunt mi. In eget felis metus. Quisque sit amet ultricies elit. Curabitur laoreet scelerisque purus nec lacinia. Suspendisse placerat tortor sem, in vestibulum mauris. Nunc viverra, libero in commodo pulvinar, mi lectus posuere ligula, id interdum leo lectus eget libero. Nam molestie pharetra mauris, sit amet condimentum dolor aliquet nec. Nunc viverra fringilla eros, a ultrices velit sodales ac. Ut nunc leo, facilisis a pulvinar et, sollicitudin eget ligula.</p>
					<p><img src="../assets/placeholder-16-9.png" width="470" height="264" /></p>
					<ul>
						<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
						<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
						<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
					</ul>
					<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi scelerisque sem quis odio iaculis eget vestibulum magna mollis. Aenean sollicitudin eleifend vehicula. Aliquam erat volutpat. Ut quis eleifend quam. Nam consequat luctus ante ut vulputate. Nulla facilisi. Suspendisse eget nunc dui, non facilisis orci. Nullam non mi in massa sollicitudin tempor id ut massa. Proin condimentum interdum risus, vel sollicitudin enim auctor ac. Fusce vestibulum mi vel risus elementum varius. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum lacus magna, tempor vitae hendrerit id, mollis lobortis felis. Donec justo felis, pellentesque ut bibendum condimentum, eleifend vestibulum est. Sed commodo tincidunt tempus. Proin varius vestibulum imperdiet. Suspendisse potenti.</p>
				</div><!-- /#unit-content -->

				<div id="unit-tabbed-content" class="unit unit-tabbed-content">
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at lorem sit amet mi ullamcorper consequat non vitae magna. Curabitur justo nisi, sagittis eget iaculis ut, fermentum vel purus. Aliquam quis dolor libero, id accumsan est. Ut et sem et arcu sagittis consectetur ut sit amet mi. Aliquam vel orci tortor. Curabitur eget ante ac nunc pretium imperdiet a pulvinar velit. Proin cursus suscipit blandit. Integer euismod urna ac quam consequat varius. Nunc ac nulla est, eget ornare dolor. Vestibulum sit amet massa sit amet elit ullamcorper vehicula non at est. Morbi metus velit, vestibulum sit amet tincidunt quis, sodales id dolor.</p><p>Proin adipiscing dictum risus eu eleifend. Cras nunc justo, blandit ut laoreet ultricies, tempus sed massa. Suspendisse at condimentum ligula. Vestibulum quis bibendum erat. Sed sit amet ante sed dolor elementum molestie. Suspendisse potenti. Morbi pellentesque lacinia venenatis. Morbi eu felis libero. Integer a eleifend nisi. Etiam commodo eros vitae justo ullamcorper et commodo nisl venenatis. Praesent ac diam ut enim gravida tincidunt. Sed vulputate pretium adipiscing. Curabitur sed turpis vel urna malesuada vulputate id at mi.</p><p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam pulvinar ligula vitae metus laoreet pellentesque. Proin magna tellus, condimentum in tincidunt non, tincidunt quis libero. Nam porta suscipit est a accumsan. Vivamus semper facilisis augue sed hendrerit. Quisque sagittis aliquet risus, et pharetra velit tincidunt luctus. Suspendisse a fringilla nibh. Vivamus elit felis, ultrices at lobortis vel, vestibulum in elit. Morbi felis massa, egestas at suscipit sed, dignissim id diam. Sed tellus ante, ultrices a venenatis mattis, tempor vitae nunc. In in risus tortor, a tincidunt mi. In eget felis metus. Quisque sit amet ultricies elit. Curabitur laoreet scelerisque purus nec lacinia. Suspendisse placerat tortor sem, in vestibulum mauris. Nunc viverra, libero in commodo pulvinar, mi lectus posuere ligula, id interdum leo lectus eget libero. Nam molestie pharetra mauris, sit amet condimentum dolor aliquet nec. Nunc viverra fringilla eros, a ultrices velit sodales ac. Ut nunc leo, facilisis a pulvinar et, sollicitudin eget ligula.</p><p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi scelerisque sem quis odio iaculis eget vestibulum magna mollis. Aenean sollicitudin eleifend vehicula. Aliquam erat volutpat. Ut quis eleifend quam. Nam consequat luctus ante ut vulputate. Nulla facilisi. Suspendisse eget nunc dui, non facilisis orci. Nullam non mi in massa sollicitudin tempor id ut massa. Proin condimentum interdum risus, vel sollicitudin enim auctor ac. Fusce vestibulum mi vel risus elementum varius. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum lacus magna, tempor vitae hendrerit id, mollis lobortis felis. Donec justo felis, pellentesque ut bibendum condimentum, eleifend vestibulum est. Sed commodo tincidunt tempus. Proin varius vestibulum imperdiet. Suspendisse potenti.</p>
				</div><!-- /#unit-tabbed-content -->
				
				<p class="pagination">
					<span class="previous-disabled">‹ Previous</span>
					<strong class="selected">1</strong>
					<a href="?page=2">2</a>
					<a href="?page=3">3</a>
					<span class="more">&hellip;</li>
					<a href="?page=5">5</a>
					<a href="?page=6">6</a>
					<a href="?page=7">7</a>
					<a class="next" href="?page=2">Next ›</a>
				</ol>
				
				<div id="unit-comment-list" class="unit">
					<h2>Your Comments</h2>
					<ol>
						<li>
							<div class="body">
								<p>will the ETO be performing 'Norma' during 2010?</p>
							</div>
							<p class="meta">
								<span class="attribution">Said <strong>Person</strong></span>
								<span class="about">about <a href="/">Page</a></span>
								<abbr class="published" title="2010-10-10">10th October 2010</abbr>
							</p>
						</li>
						<li>
							<div class="body">
								<p>will the ETO be performing 'Norma' during 2010?</p>
							</div>
							<p class="meta">
								<span class="attribution">Said <strong>Person</strong></span>
								<span class="about">about <a href="/">Page</a></span>
								<abbr class="published" title="2010-10-10">10th October 2010</abbr>
							</p>
						</li>
						<li>
							<div class="body">
								<p>will the ETO be performing 'Norma' during 2010?</p>
							</div>
							<p class="meta">
								<span class="attribution">Said <strong>Person</strong></span>
								<span class="about">about <a href="/">Page</a></span>
								<abbr class="published" title="2010-10-10">10th October 2010</abbr>
							</p>
						</li>
					</ol>
				</div><!-- /#unit-comment-list -->

				<div id="unit-comment-form" class="unit">
					<h2>Leave a comment</h2>
					<form id="mailing-list-form" action="" method="post" accept-charset="utf-8">
						<fieldset class="layout">

							<div id="comment-name" class="field field-50 field-first">
								<label for="comment-field-name">Name <span class="hint">(Required)</span></label>
								<input class="text" type="text" name="name" id="comment-field-name" value="" />
							</div>

							<div id="comment-email" class="field field-50">
								<label for="comment-field-email">Email <span class="hint">(Required)</span></label>
								<input class="text" type="text" name="email" id="comment-field-email" value="" />
							</div>

							<div id="comment-message" class="field field-100 field-first">
								<label for="comment-field-">Your Comment <span class="hint">(Required)</span></label>
								<textarea name="message" id="comment-field-message" rows="6" cols="40"></textarea>
							</div>

							<div class="buttons">
								<input id="fieldname" type="submit" class="submit" value="submit" />
							</div>

						</fieldset>
					</form>
				</div><!-- /#unit-comment-form -->

			</div>

			<div id="secondary-content">

				<div id="unit-secondary-navigation" class="unit unit-navigation-tree">

					<ul class="branches">
						<li class="first"><a href="/" class="child" title=""><span>Child Page</span></a></li>
						<li><a href="/" class="child" title=""><span>Child Page</span></a></li>
						<li><a href="/" class="child" title=""><span>Child Page</span></a></li>
						<li class="hinge">
							<a href="/" class="child" title=""><span>Selected Section Page</span></a>
							<ul class="branches">
								<li class="first"><a href="/" class="child" title=""><span>Child Page</span></a></li>
								<li class="hinge">
									<a href="/" class="child" title=""><span>Selected Section Page</span></a>
									<ul class="leaves">
										<li class="first"><a href="/" class="child" title=""><span>Sub Page</span></a></li>
										<li class="selected"><a href="/" class="child" title=""><span>Selected Sub Page</span></a></li>
										<li class="last"><a href="/" class="child" title=""><span>Sub Page</span></a></li>
									</ul>
								</li>
								<li><a href="/" class="child" title=""><span>Child Page</span></a></li>
								<li class="last"><a href="/" class="child" title=""><span>Child Page</span></a></li>
							</ul>
						</li>
						<li class="last"><a href="/" class="child" title=""><span>Child Page</span></a></li>
					</ul>

				</div><!-- /#unit-secondary-navigation -->

				<div id="unit-latest-news" class="unit unit-list">
					<h2><a href="/news/">Latest news</a></h2>
					<ol>
						<li class="first">
							<a class="thumbnail" title=""><img src="../assets/placeholder-16-9.png" width="110" height="62" /></a>
							<h3><a href="/news/news-item/" rel="bookmark">A Sample News&nbsp;Post</a></h3>
							<p class="meta"><abbr class="published" title="2010-10-10">10th October 2010</abbr></p>
							<div class="excerpt">
								<p>
								Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at lorem sit
								amet mi ullamcorper consequat non vitae magna. Curabitur justo nisi,
								sagittis eget iaculis ut, fermentum&hellip; <a class="more" href="/news/news-item/" rel="bookmark">Read&nbsp;more</a>
								</p>
							</div>
						</li>

						<li>
							<a class="thumbnail" title=""><img src="../assets/placeholder-16-9.png" width="110" height="62" /></a>
							<h3><a href="/news/news-item/" rel="bookmark">A Sample News&nbsp;Post</a></h3>
							<p class="meta"><abbr class="published" title="2010-10-10">10th October 2010</abbr></p>
							<div class="excerpt">
								<p>
								Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at lorem sit
								amet mi ullamcorper consequat non vitae magna. Curabitur justo nisi,
								sagittis eget iaculis ut, fermentum&hellip; <a class="more" href="/news/news-item/" rel="bookmark">Read&nbsp;more</a>
								</p>
							</div>
						</li>

						<li>
							<a class="thumbnail" title=""><img src="../assets/placeholder-16-9.png" width="110" height="62" /></a>
							<h3><a href="/news/news-item/" rel="bookmark">A Sample News&nbsp;Post</a></h3>
							<p class="meta"><abbr class="published" title="2010-10-10">10th October 2010</abbr></p>
							<div class="excerpt">
								<p>
								Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at lorem sit
								amet mi ullamcorper consequat non vitae magna. Curabitur justo nisi,
								sagittis eget iaculis ut, fermentum&hellip; <a class="more" href="/news/news-item/" rel="bookmark">Read&nbsp;more</a>
								</p>
							</div>
						</li>
					</ol>
					<p class="more"><a href="/news/">Read all news</a></p>
				</div><!-- /#unit-latest-news -->
				
				<div id="unit-latest-comments" class="unit unit-list">
					<h2>Your latest comments</h2>
					<ol>
						<li>
							<div class="excerpt">
								<p>Lorem ipsum dolor sit amet!</p>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at lorem sit
								amet mi ullamcorper consequat non vitae magna. Curabitur justo nisi,
								sagittis eget iaculis ut,&hellip;fermentum&hellip;</p>
							</div>
							<p class="meta">
								<span class="attribution">Said <strong>Person</strong></span><br>
								<span class="about">about <a href="/">Page</a></span>
								<abbr class="published" title="2010-10-10">10th October 2010</abbr>
							</p>
						</li>
						<li>
							<div class="excerpt">
								<p>Lorem ipsum dolor sit amet!</p>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at lorem sit
								amet mi ullamcorper consequat non vitae magna. Curabitur justo nisi,
								sagittis eget iaculis ut,&hellip;fermentum&hellip;</p>
							</div>
							<p class="meta">
								<span class="attribution">Said <strong>Person</strong></span><br>
								<span class="about">about <a href="/">Page</a></span>
								<abbr class="published" title="2010-10-10">10th October 2010</abbr>
							</p>
						</li>
						<li>
							<div class="excerpt">
								<p>Lorem ipsum dolor sit amet!</p>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at lorem sit
								amet mi ullamcorper consequat non vitae magna. Curabitur justo nisi,
								sagittis eget iaculis ut,&hellip;fermentum&hellip;</p>
							</div>
							<p class="meta">
								<span class="attribution">Said <strong>Person</strong></span><br>
								<span class="about">about <a href="/">Page</a></span>
								<abbr class="published" title="2010-10-10">10th October 2010</abbr>
							</p>
						</li>
					</ol>
				</div><!-- /#unit-latest-comments -->

			</div>
			
			<div id="tertiary-content">

				<div id="unit-about-the-site" class="unit unit-aside">
					<h2>About the site</h2>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at lorem sit amet mi ullamcorper consequat non vitae magna. Curabitur justo nisi, sagittis eget iaculis ut, fermentum vel purus. Aliquam quis dolor libero, id accumsan est. Ut et sem et arcu sagittis consectetur ut sit amet mi. Aliquam vel orci tortor. Curabitur eget ante ac nunc pretium imperdiet a pulvinar velit. Proin cursus suscipit blandit. Integer euismod urna ac quam consequat varius. Nunc ac nulla est, eget ornare dolor. Vestibulum sit amet massa sit amet elit ullamcorper vehicula non at est. Morbi metus velit, vestibulum sit amet tincidunt quis, sodales id dolor.</p>
				</div><!-- /#unit-about-the-site -->

				<div id="unit-aside-preview" class="unit unit-aside">
					<h2>Lorem Ipsum</h2>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at lorem sit amet mi ullamcorper consequat non vitae magna. Curabitur justo nisi, sagittis eget iaculis ut, fermentum vel purus. Aliquam quis dolor libero, id accumsan est. Ut et sem et arcu sagittis consectetur ut sit amet mi. Aliquam vel orci tortor. Curabitur eget ante ac nunc pretium imperdiet a pulvinar velit. Proin cursus suscipit blandit. Integer euismod urna ac quam consequat varius. Nunc ac nulla est, eget ornare dolor. Vestibulum sit amet massa sit amet elit ullamcorper vehicula non at est. Morbi metus velit, vestibulum sit amet tincidunt quis, sodales id dolor.</p>
				</div><!-- /#unit-aside-preview -->

				<div id="unit-mailing-list" class="unit">

					<h2>Join our mailing list</h2>
					<p>Sign-up to receive the latest news and info</p>

					<form id="mailing-list-form" action="" method="post" accept-charset="utf-8">
						<input class="text" type="text" id="email" value="Your Email Address" class="email placeholder" />
						<button name="submit">Submit</button>
					</form>

				</div><!-- /#unit-mailing-list -->
				
				<div id="unit-video-gallery" class="unit unit-gallery">
					<h2>Videos</h2>
					<ul>
						<li class="first"><a href="/" title="Open Video"><img src="../assets/placeholder-16-9.png" width="74" height="42" title="Video Title" alt="Video Description"></a></li>
						<li><a href="/" title="Open Video"><img src="../assets/placeholder-16-9.png" width="74" height="42" title="Video Title" alt="Video Description"></a></li>
						<li class="end"><a href="/" title="Open Video"><img src="../assets/placeholder-16-9.png" width="74" height="42" title="Video Title" alt="Video Description"></a></li>
						<li><a href="/" title="Open Video"><img src="../assets/placeholder-16-9.png" width="74" height="42" title="Video Title" alt="Video Description"></a></li>
						<li><a href="/" title="Open Video"><img src="../assets/placeholder-16-9.png" width="74" height="42" title="Video Title" alt="Video Description"></a></li>
						<li class="last end"><a href="/" title="Open Video"><img src="../assets/placeholder-16-9.png" width="74" height="42" title="Video Title" alt="Video Description"></a></li>
					<ul>
				</div><!-- /#unit-video-gallery -->
				
				<div id="unit-image-gallery" class="unit unit-gallery">
					<h2>Gallery Title</h2>
					<ul>
						<li class="first"><a href="/" rel="gallery" title="View image in detail"><img src="../assets/placeholder-16-9.png" width="74" height="42" title="Image Title" alt="Image Description"></a></li>
						<li><a href="/" rel="gallery" title="View image in detail"><img src="../assets/placeholder-16-9.png" width="74" height="42" title="Image Title" alt="Image Description"></a></li>
						<li class="end"><a href="/" rel="gallery" title="View image in detail"><img src="../assets/placeholder-16-9.png" width="74" height="42" title="Image Title" alt="Image Description"></a></li>
						<li><a href="/" rel="gallery" title="View image in detail"><img src="../assets/placeholder-16-9.png" width="74" height="42" title="Image Title" alt="Image Description"></a></li>
						<li><a href="/" rel="gallery" title="View image in detail"><img src="../assets/placeholder-16-9.png" width="74" height="42" title="Image Title" alt="Image Description"></a></li>
						<li class="last end"><a href="/" rel="gallery" title="View image in detail"><img src="../assets/placeholder-16-9.png" width="74" height="42" title="Image Title" alt="Image Description"></a></li>
					</ul>
				</div><!-- /#unit-image-gallery -->
				
				<div id="unit-downloads" class="unit">
					<h2>Downloads</h2>
					<ul>
						<li class="filetype-text"><a href="" title="Click to download this file">Download Sample <span class="meta">(426 kb)</span></a></li>
						<li class="filetype-pdf"><a href="" title="Click to download this file">Download Sample <span class="meta">(191 kb)</span></a></li>
					</ul>
				</div><!-- /#unit-downloads -->
				
				<div id="unit-tags" class="unit">
					<h2>Tags</h2>
					<div class="tagcloud">
						<a class="tag-popular" href="/tag/ajax" rel="tag">ajax <span>9</span></a>
						<a class="tag-v-popular" href="/tag/art" rel="tag">art <span>11</span></a>
						<a class="tag-popular" href="/tag/audio" rel="tag">audio <span>6</span></a>
						<a class="tag-vv-popular" href="/tag/blog" rel="tag">blog <span>15</span></a>
						<a class="tag-vv-popular" href="/tag/blogs" rel="tag">blogs <span>14</span></a>
						<a class="tag-v-popular" href="/tag/books" rel="tag">books <span>12</span></a>
						<a class="tag-popular" href="/tag/business" rel="tag">business <span>9</span></a>
						<a class="current tag-vvvv-popular" href="/tag/css" rel="tag">css <span>18</span></a>
						<a class="current tag-vvvv-popular" href="/tag/design" rel="tag">design <span>21</span></a>
						<a class="current tag-v-popular" href="/tag/development" rel="tag">development <span>12</span></a>
						<a class="tag-v-popular" href="/tag/education" rel="tag">education <span>12</span></a>
						<a class="tag-popular" href="/tag/flash" rel="tag">flash <span>10</span></a>
						<a class="tag-v-popular" href="/tag/food" rel="tag">food <span>13</span></a>
						<a class="current tag-popular" href="/tag/free" rel="tag">free <span>9</span></a>
						<a class="tag-vv-popular" href="/tag/fun" rel="tag">fun <span>14</span></a>
						<a class="tag-popular" href="/tag/games" rel="tag">games <span>15</span></a>
						<a class="tag-popular" href="/tag/google" rel="tag">google <span>8</span></a>
						<a class="tag-vvv-popular" href="/tag/howto" rel="tag">howto <span>17</span></a>
						<a class="tag-vvv-popular" href="/tag/imported" rel="tag">imported <span>16</span></a>
						<a class="local tag-vv-popular" href="/tag/inspiration" rel="tag">inspiration <span>15</span></a>
						<a class="current tag-popular" href="/tag/internet" rel="tag">internet <span>8</span></a>
						<a class="tag-vv-popular" href="/tag/java" rel="tag">java <span>14</span></a>
						<a class="local tag-vv-popular" href="/tag/javascript" rel="tag">javascript <span>14</span></a>
						<a class="local tag-v-popular" href="/tag/library" rel="tag">library <span>13</span></a>
						<a class="tag-popular" href="/tag/linux" rel="tag">linux <span>9</span></a>
						<a class="tag-vvv-popular" href="/tag/mac" rel="tag">mac <span>16</span></a>
						<a class="tag-popular" href="/tag/mobile" rel="tag">mobile <span>10</span></a>
						<a class="tag-vv-popular" href="/tag/music" rel="tag">music <span>14</span></a>
						<a class="tag-vvv-popular" href="/tag/news" rel="tag">news <span>16</span></a>
						<a class="local tag-v-popular" href="/tag/opensource" rel="tag">opensource <span>11</span></a>
						<a class="tag-v-popular" href="/tag/photography" rel="tag">photography <span>13</span></a>
						<a class="tag-v-popular" href="/tag/politics" rel="tag">politics <span>12</span></a>
						<a class="tag-vvv-popular" href="/tag/programming" rel="tag">programming <span>16</span></a>
						<a class="current tag-v-popular" href="/tag/reference" rel="tag">reference <span>13</span></a>
						<a class="local tag-vvv-popular" href="/tag/research" rel="tag">research <span>17</span></a>
						<a class="local tag-vvv-popular" href="/tag/resources" rel="tag">resources <span>16</span></a>
						<a class="tag-vvv-popular" href="/tag/science" rel="tag">science <span>17</span></a>
						<a class="tag-v-popular" href="/tag/security" rel="tag">security <span>12</span></a>
						<a class="tag-v-popular" href="/tag/shopping" rel="tag">shopping <span>14</span></a>
						<a class="tag-v-popular" href="/tag/software" rel="tag">software <span>13</span></a>
						<a class="current tag-popular" href="/tag/technology" rel="tag">technology <span>7</span></a>
						<a class="local tag-v-popular" href="/tag/tips" rel="tag">tips <span>11</span></a>
						<a class="current tag-vvv-popular" href="/tag/tools" rel="tag">tools <span>17</span></a>
						<a class="tag-v-popular" href="/tag/toread" rel="tag">toread <span>13</span></a>
						<a class="local tag-v-popular" href="/tag/tutorial" rel="tag">tutorial <span>12</span></a>
						<a class="tag-v-popular" href="/tag/video" rel="tag">video <span>13</span></a>
						<a class="current tag-vv-popular" href="/tag/web" rel="tag">web <span>15</span></a>
						<a class="local tag-v-popular" href="/tag/web2.0" rel="tag">web2.0 <span>12</span></a>
						<a class="current tag-popular" href="/tag/webdesign" rel="tag">webdesign <span>10</span></a>
						<a class="tag-vvv-popular" href="/tag/windows" rel="tag">windows <span>19</span></a>
					</div>
				</div><!-- /#unit-tags -->

				<div id="unit-social-bookmarks" class="unit">
					<h2>Share:</h2>
					<ul>
						<li><a class="delicious" href="http://delicious.com/post?url=">Share on <strong>delicious</strong></a></li>
						<li><a class="stumbleupon" href="http://www.stumbleupon.com/submit?url=">Share on <strong>StumbleUpon</strong></a></li>
						<li><a class="twitter" href="http://twitthis.com/twit?url=">Share on <strong>Twitter</strong></a></li>
						<li><a class="facebook" href="http://www.facebook.com/sharer.php?u=">Share on <strong>Facebook</strong></a></li>
					</ul>
				</div><!-- /#unit-social-bookmarks -->


				<div id="unit-social-profiles" class="unit">
					<h2>Join Us:</h2>
					<ul>
						<li><a class="twitter" href="http://twitter.com/">Follow us on  <strong>Twitter</strong></a></li>
						<li><a class="facebook" href="http://www.facebook.com/">Join us on  <strong>Facebook</strong></a></li>
					</ul>
				</div><!-- /#unit-social-bookmarks -->

			</div><!-- /#tertiary-content -->

		</div><!-- /#page-content -->

		<!-- Footer -->
		<div id="footer">

			<div id="unit-copyright" class="unit">
				&copy; Me 2010
			</div><!-- /#unit-copyright -->
			
			<div id="unit-made-by" class="unit">
				<a href="/">Made by Us</a>
			</div><!-- /#unit-made-by -->
			
			<div id="unit-address" class="unit">
				<address>
					Address Line 1 <br />
					Address Line 2 <br />
					Address Line 3 <br />
					City POSTCODE
				</address>
			</div><!-- /#unit-address -->

			<div id="unit-contact-details" class="unit">
				<p>
					T: 0555 555 5555<br />
					E: mail@example.com<br />
					Registered Number: 123456
				</p>
			</div><!-- /#unit-contact-details -->

			<div id="unit-footer-links" class="unit">
				<ul>
					<li class="first"><a href="">Footer Link</a></li>
					<li><a href="">Footer Link</a></li>
					<li><a href="">Footer Link</a></li>
					<li><a href="">Footer Link</a></li>
					<li class="last"><a href="">Footer Link</a></li>
				</ul>
			</div><!-- /#unit-footer-links -->

		</div>

	</div><!-- /#container -->
</body>
</html>